<template>
    <div>
        <!-- 内容区域 -->
        <el-card class="cardBox">
            <el-table border style="width: 100%" :data="loginlogTab">
                <el-table-column prop="deviceId" :label="$t('deviceid')">
                </el-table-column>
                <el-table-column prop="deviceType" :label="$t('devicetype')">
                </el-table-column>
                <el-table-column prop="systemVersion" :label="$t('devicesystem')">
                </el-table-column>
                <el-table-column prop="cityName" :label="$t('cityname')">
                </el-table-column>
                <el-table-column prop="macAddress" :label="$t('devicemac')">
                </el-table-column>
                <el-table-column prop="sourceType" :label="$t('networktype')">
                </el-table-column>
                <el-table-column prop="mobileBrand" :label="$t('mobilephonebd')">
                </el-table-column>
                 <el-table-column prop="gmtCreate" :label="$t('logintime')">
                </el-table-column>
                <el-table-column prop="loginResult" :label="$t('loginresults')">
                </el-table-column>
            </el-table>
        </el-card>
    </div>
</template>

<script>
import Cookies from 'js-cookie'
export default {
  data () {
    return {
      userInfo: null,
      loginlogTab: []
    }
  },
  mounted () {
    this.userInfo = JSON.parse(Cookies.get('userinfo'))
  }
}
</script>

<style lang="less" scoped>
@deep: ~'>>>';

.cardBox {
    width: 900px;
    margin-left: -60px;
}
@{deep} .el-table {
    font-size: 12px;

    .el-table__header-wrapper {
        background-color: #F2F2F2 !important;
    }
}
@{deep} .el-table td, .el-table th {
    height: 40px;
    padding: 0;
}
@{deep} .el-table th, .el-table tr {
    background-color: #F2F2F2 !important;
}
@{deep} .el-form-item__label {
    font-size: 12px;
}
</style>
